<template>
    <div class="wrapper">
        <Datepicker v-model="selectedDate" placeholder="Select Date" clearable>
            <template #clear-icon="{ clear }">
                <div class="clear" @click="clear">⭐</div>
            </template>
        </Datepicker>
    </div>
</template>

<script lang="ts" setup>
    import { ref } from 'vue';
    import Datepicker from '../src/VueDatePicker/VueDatePicker.vue';

    const selectedDate = ref();
</script>

<style lang="scss">
    @import 'src/VueDatePicker/style/main';
    .wrapper {
        padding: 200px;
    }

    .clear {
        margin: 4px 8px;
    }
</style>